﻿<!DOCTYPE html>
<html lang="en" ng-app="MainModule">
<head>
    <title>Home</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="/css/reset.css" type="text/css" media="all">
    <link rel="stylesheet" href="/css/layout.css" type="text/css" media="all">
    <link rel="stylesheet" href="/css/style.css" type="text/css" media="all">
    <script type="text/javascript" src="/js/jquery-1.6.js"></script>
    <script type="text/javascript" src="/js/cufon-yui.js"></script>
    <script type="text/javascript" src="/js/cufon-replace.js"></script>
    <script type="text/javascript" src="/js/Didact_Gothic_400.font.js"></script>
    <script type="text/javascript" src="/js/Shanti_400.font.js"></script>
    <script src="/js/roundabout.js" type="text/javascript"></script>
    <script src="/js/roundabout_shapes.js" type="text/javascript"></script>
    <script src="/js/jquery.easing.1.2.js" type="text/javascript"></script>
    <script type="text/javascript" src="/js/script.js"></script>
    <style>
        p {
            padding-bottom: 0 !important;
        }
    </style>

</head>
<body id="page2">
    <div class="body1">
        <div class="main">
            <!-- header -->
            <header>
                <div class="wrapper">
                    <nav>
                        <ul id="top_nav"></ul>
                    </nav>
                    <span class="date">Monday, June 6, 2011  &nbsp; &nbsp; 17:19</span>
                    <span class="telephone" style="position:relative;top:5px;left:320px; font-size:20px"> 0950043454 (Call Tollfree 24*7)</span>

                </div>
                <div class="wrapper">
                    <h1><a href="index.html" id="logo">Pro Soft</a></h1>
                    <nav>
                        <ul id="menu">
                            <li ><a href="index.html"><span><span>Home</span></span></a></li>
                            <li id="menu_active"><a href="Products.html"><span><span>Products</span></span></a></li>
                            <li><a href="Download.html"><span><span>Download</span></span></a></li>
                            <li><a href="Purchase.html"><span><span>Purchase</span></span></a></li>
                            <li class="nav4"><a href="Support.html"><span><span>Support</span></span></a></li>
                            <li class="nav5"><a href="Contacts.html"><span><span>Contacts</span></span></a></li>
                        </ul>
                    </nav>
                </div>
            </header>
            <div class="ic">More <a href="http://www.templatemonster.com/">Website Templates</a> at TemplateMonster.com!</div>
            <!-- content -->
            <article id="content">
                <div class="product_content" ng-controller="ProductCtrl">
                    <div class="product" ng-repeat="prod in prods track by $index">
                        <div class="product_image">
                            <img src="images/{{prod.Image}}" alt="Alternate Text" />
                        </div>
                        <div class="description_item">
                            <a href="#" class="title_product">{{prod.Title}}</a>
                            <ul class="description_list">
                                <li>{{prod.Description_one}}</li>
                                <li>{{prod.Description_two}}</li>
                                <li>{{prod.Description_free}}</li>
                            </ul>
                            <a href="#" class="link_button">
                                <img src="/images/read_more.png" />
                            </a>
                        </div>
                    </div>
              </div>
            </article>
        </div>
    </div>
    <div class="body2">
        <div class="main">
            <article id="content2">
                <section class="col1"></section>
                <section class="col_1">
                    <h3>Our website</h3>
                    <ul class="list1">
                        <li><a href="/Home/Products">Products</a></li>
                        <li><a href="/Home/Download">Download</a></li>
                        <li><a href="/Home/Purchase">Purchase</a></li>
                        <li><a href="/Home/Support">Support</a></li>
                        <li><a href="/Home/Contacts">Contacts</a></li>
                    </ul>
                </section>

                <section class="col2" style="width:300px;">
                    <table border="0" cellspacing="0" cellpadding="0" width="300">
                        <tbody>
                        <tr>
                            <td width="40"></td>
                            <td><h3>Top products</h3></td>
                        </tr>
                        <tr>
                            <td rowspan="5" valign="top"><img border="0" src="http://www.systweak.com/Images/common/product_icon_bottom.gif" style="margin-top:7px;"></td>
                            <td>
                                <p style="margin-top:10px"><a href="#" class="BlackBoldNewText" title="Advanced System Optimizer">Some product</a></p>
                                <p class="ProductPeraMargin BlackNormalNewText">Some description</p>
                            </td>
                        </tr>
                        <tr>

                            <td>
                                <p><a href="#" class="BlackBoldNewText" title="RegClean Pro">Some product</a></p>
                                <p class="ProductPeraMargin BlackNormalNewText">Some description</p>
                            </td>
                        </tr>
                        <tr>

                            <td>
                                <p><a href="#" class="BlackBoldNewText" title="Advanced Driver Updater">Some product</a></p>
                                <p class="ProductPeraMargin BlackNormalNewText">Some description</p>
                            </td>
                        </tr>
                        <tr>

                            <td>
                                <p><a href="#" class="BlackBoldNewText" title="Advanced System Protector">Some product</a></p>
                                <p class="ProductPeraMargin BlackNormalNewText">Some description</p>
                            </td>
                        </tr>
                        <tr>

                            <td>
                                <p><a href="#" class="BlackBoldNewText" title="Disk Speedup">Some product</a></p>
                                <p class="ProductPeraMargin BlackNormalNewText">Some description</p>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </section>
                <section class="col_1">
                    <h3>Support</h3>
                    <ul class="list1">
                        <li><a href="/Home/Support">Support ticket</a></li>
                        <li><a href="/Home/Support">Top support</a></li>
                        <li><a href="/Home/Support">Support</a></li>
                    </ul>
                </section>
            </article>
            <!-- / content -->
        </div>
    </div>
    <div class="main">

    </div>
    <script type="text/javascript"> Cufon.now();</script>
   <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    <script type="text/javascript" src="js/AngularControllers/ProductCtrl.js"></script>
    <script type="text/javascript" src="js/angularModules/mainModule.js"></script>
</body>
</html>